<!--
  ~
  ~ Licensed under the Apache License, Version 2.0 (the "License");
  ~ you may not use this file except in compliance with the License.
  ~ You may obtain a copy of the License at
  ~
  ~      http://www.apache.org/licenses/LICENSE-2.0
  ~
  ~ Unless required by applicable law or agreed to in writing, software
  ~ distributed under the License is distributed on an "AS IS" BASIS,
  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  ~ See the License for the specific language governing permissions and
  ~ limitations under the License.
-->

<div class="ddp-form-filtering">
  <div class="ddp-result-filtering" [class.ddp-selected]="isShowList" (click)="onClickShowList($event)">
    <span class="ddp-txt-label" *ngIf="isEnableFilterTitle()">{{filterTitle}}:</span>
    <div class="ddp-box-result">
      <span class="ddp-txt-result" title="{{selectedItemsLabel}}">{{selectedItemsLabel}}</span>
    </div>
    <!-- popup -->
    <criterion-checkbox-component *ngIf="criterionData && isCheckboxType()"
                                  [criterion]="criterionData"
                                  [defaultSelectedItemList]="defaultSelectedItemList"
                                  [searchPlaceHolder]="searchPlaceHolder"
                                  [enableAllOption]="isEnableAllOption"
                                  (changedSelectItem)="onChangedSelectItem($event)">
    </criterion-checkbox-component>
    <criterion-time-radiobox-list *ngIf="criterionData && (isDateTimeType() || isRangeDateTimeType())"
                                    [criterion]="criterionData"
                                    [defaultSelectedItemList]="defaultSelectedItemList"
                                    [enableFromToOption]="isRangeDateTimeType()"
                                    [enableAllOption]="true"
                                    (changeLabel)="onChangedSelectItem($event, false)"
                                    (changedSelectItem)="onChangedSelectItem($event)">
    </criterion-time-radiobox-list>
    <!-- //popup -->
    <a href="javascript:" class="ddp-btn-del" *ngIf="isEnableRemoveButton" (click)="onClickRemoveCriterionFilter()"></a>
  </div>
</div>

